<body>
    <div id="app">
        <!-- v-text 指令，会覆盖元素内默认的值 -->
        <p v-text="username">默认的值</p>

        <!-- 插值表达式：{{}}，可以解决 v-text 会覆盖默认文本的问题 -->
        <p>姓名：{{username}}</p>

        <!-- v-html 可以将包含 HTML 标签的字符串渲染为页面 HTML 元素 -->
        <p v-html="content"></p>
    </div>
</body>
<script src="./lib/vue-2.6.12.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data: {
            username: 'qiuqian',
            content: '<h1 style="color: red;"> hello vue.js</h1>'
        }
    })
</script>